<template>
	<view>
		<view class="dialog-view">
			<view class="dialog-content">
				<view class="title-text">未收到验证码？</view>
				<view class="content-text">1、请检查手机安全软件是否有拦截，若有到拦截记录中查看。</view>
				<view class="content-text">2、请不要频繁发送，若发送多次未收到，建议10分钟后再次尝试。</view>
				<view class="content-text">3、请检查手机是否存在欠费，信号不佳等情况。</view>
				<view class="content-text">4、以上检查均无问题，请联系客服电话：400-8888-6666。</view>
				<view class="dialog-but" @click="onClose">我知道了</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "CodeTextDialog",
		data() {
			return {

			};
		},
		methods: {
			onClose() {
				this.$emit('close')
			}
		}
	}
</script>

<style scoped lang="scss">
	.dialog-view {
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 20;
		background: rgba(6, 0, 0, 0.9);
		@extend .column;

		.dialog-content {
			width: 616rpx;
			background: #FFFFFF;
			border-radius: 14rpx;
			padding: 38upx;
			@extend .column;

			.title-text {
				font-size: 33rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 600;
				color: #282726;
				margin-bottom: 33upx;
			}

			.content-text {
				font-size: 27rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				color: #282726;
			}

			.content-text+.content-text {
				margin-top: 4upx;
			}

			.dialog-but {
				margin-top: 33upx;
				width: 539rpx;
				height: 91rpx;
				@extend .column;
				background: linear-gradient(180deg, #FF7065 0%, #FF2615 100%);
				box-shadow: 0rpx 7 7rpx 0rpx rgba(21, 26, 255, 0.1);
				border-radius: 49rpx;
				font-size: 29rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
			}
		}
	}
</style>